<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body data-weui-theme="light">
    <header>
        <a href="./my.html" class="header">
            <i class="iconfont iconleftarrow"></i>
            <div>个人资料</div>
        </a>
    </header>
    <main>

        
        <div class="weui-cell weui-cell_active">
            <div class="weui-cell__hd"><label class="weui-label" >昵称</label></div>
            <div class="weui-cell__bd">
                <input id="nickname" class="weui-input" placeholder="填写昵称" />
            </div>
        </div>
        <!-- 性别 -->
        <a class="weui-cell  weui-cell_access" href="javascript:" id="nex">
            <div class="weui-cell__bd">
                <p>性别</p>
            </div>
            <div class="weui-cell__ft" id="sex">未选择</div>
        </a>
        <!-- 生日 -->
        <a class="weui-cell  weui-cell_access" href="javascript:" id="showDatePicker">
            <div class="weui-cell__bd">
                <p>生日</p>
            </div>
            <div class="weui-cell__ft" id="birthday">未选择</div>
        </a>
        <!-- 所在省份 -->
        <a class="weui-cell  weui-cell_access" href="javascript:" id="province">
            <div class="weui-cell__bd">
                <p>所在省份</p>
            </div>
            <div class="weui-cell__ft" id="pro">未选择</div>
        </a>
        <!-- 所在城市 -->
        <a class="weui-cell  weui-cell_access" href="javascript:" id="procity">
            <div class="weui-cell__bd">
                <p>所在城市</p>
            </div>
            <div class="weui-cell__ft" id="city">未选择</div>
        </a>
        <!-- 个人签名 -->
        <a class="weui-cell  weui-cell_access" href="javascript:">
            <div class="weui-cell__bd">
                <p>个人签名</p>
            </div>
        </a>
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell ">
                <div class="weui-cell__bd">
                    <textarea class="weui-textarea" placeholder="请输入个人签名" rows="3" maxlength="50" id="sign"></textarea>
                    <div class="weui-textarea-counter"><span id="curNum">0</span>/50</div>
                </div>
            </div>
        </div>
        <div class="container mt20">

            <a class="btn" id="signBtn">保存信息</a>
        </div>
    </main>
</body>

</html>